<template>
  <div class="flex_x pagesiez">
    <div class="login_l">
      <img class="login_img" src="../static/登录页/logo.png" alt="" />
      <div class="user_l_inputstyle flex_y">
        <div class="user_l_text">
          <div class="user_l_text">
            登陆到 <br />
            启点优聘工作台
          </div>
          <div class="user_l_toregister">
            没有账户？
            <span @click="toRegister()">注册账户</span>
          </div>
        </div>

        <div>
          <div class="login_l_login">
            <input type="text" placeholder="请输入用户名" /><br />
            <input type="text" placeholder="请输入密码" /><br />
          </div>
          <div class="flex_x jizhumima">
            <div class="">
              <input style="width: 20px; height: 20px" type="checkbox" />&nbsp;
              <span>记住密码</span>
            </div>
            <div style="color: rgb(28, 28, 255)">忘记密码 ?</div>
          </div>
        </div>
        <div>
          <div>
            <el-button class="toindex" @click="touser" type="primary"
              >继续</el-button
            >
          </div>

          <div class="user_Login_mode">
            <span>微信扫码登陆</span>&nbsp;&nbsp;| &nbsp;&nbsp;<span
              >短信登陆
            </span>
          </div>
        </div>

        <div class="user_herder_text">
          Copyright @ 2021-2022 QiDianyoupin. All Rights Reserved
        </div>
      </div>
    </div>

    <div class="login_r flex_y">
      <div class="bgimg">
        <div class="login_r_text1">
          <br />
          <br />创造未来
        </div>
        <br />
        <div class="login_r_text2">启点优聘为老师与学生创作更好的教育方式</div>
      </div>
      <img src="../static/登录页/logbg2.png" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {}
  },
  watch: {},
  computed: {},
  methods: {
    toRegister() {
      this.$router.push({ path: '/register' })
    },
    touser() {
      this.$router.push({ path: '/user' })
    },
  },
  created() {},
  mounted() {},
}
</script>

<style lang="less" scoped>
* {
  // width: 1920px;
  // border: ridge 1px red;
  padding: 0;
  margin: 0;
}
.pagesiez {
  width: 1920px;
  height: 1141.33px;
}
.flex_x {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}
.flex_y {
  display: flex;
  flex-direction: column;

  justify-content: space-between;
}
.flex_around {
  justify-content: space-around;
}
.login_r {
  width: 50%;
  height: 1141.33px;
  opacity: 1;
  background: rgba(22, 93, 255, 1);
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  img {
    height: 634px;
    align-items: center;
  }
}
.login_l {
  width: 50%;
  height: 1141.33px;
}

.login_img {
  width: 131px;
  height: 26px;
  margin: 16px;
  opacity: 1;
}

.user_l_inputstyle {
  justify-content: start;
  margin-left: 15%;
  margin-top: 15%;
  .user_l_text {
    font-size: 48px;
    div:nth-child(1) {
      margin-bottom: 32px;
    }
    .user_l_toregister {
      font-size: 18px;
      margin-bottom: 64px;
    }
  }
  // :nth-child(1) {
  //   border: ridge red 1px;
  //   margin: 15px;
  // }
  // :nth-child(2) {
  //   border: ridge rgb(0, 138, 53) 1px;
  //   margin: 15px;
  // }
  // div:nth-child(3) {
  //   border: ridge rgb(241, 255, 85) 1px;
  //   margin: 15px;
  // }
}

.login_l_login input:nth-of-type(1) {
  width: 400px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding-left: 30px; //图标位置
  background: #ffffff url(../static/登录页/user.png) 4px no-repeat; //input前面的图标
  background-size: 22px; //图标大小
  font-size: 21px;
  margin-bottom: 32px;
}
.login_l_login input:nth-of-type(2) {
  width: 400px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding-left: 30px; //图标位置
  background: #ffffff url(../static/登录页/lock-on.png) 4px no-repeat; //input前面的图标
  background-size: 22px; //图标大小
  font-size: 21px;
  margin-bottom: 32px;
}

.jizhumima {
  width: 400px;
  height: 22px;
  opacity: 1;
  border: ridge 1px re;
  div {
    display: flex;
    align-items: center;
  }
}

.toindex {
  width: 400px;
  height: 40px;
  border-radius: 3px;
  margin-top: 64px;
  margin-bottom: 32px;
  opacity: 1;
  background: rgba(22, 93, 255, 1);
}

.user_Login_mode {
  margin-bottom: 133px;
  span {
    color: rgb(26, 37, 253);
  }
}
.user_herder_text {
  color: rgba(43, 43, 43, 0.4);
  font-size: 18.67px;
}
.bgimg {
  width: 100%;
  height: 329px;
  background: url(../static/登录页/logbg1.png) no-repeat;
  text-align: center;
}
.login_r_text1 {
  color: rgba(255, 255, 255, 1);
  font-size: 85.33px;
}
.login_r_text2 {
  color: rgba(255, 255, 255, 1);
  font-size: 32px;
}
</style>
